.br-accordion {
  font-size: $default-font-size;
  border: 1px solid $border-color;
}
.br-accordion__panel__header {
  padding: 10px;
  cursor: pointer;
  color: $text-color;
  background: $background-color;
  border-top: 1px solid $border-color;

  &.disabled {
    cursor: not-allowed;
  }

  &.active{
    border-bottom: 1px solid $border-color;
  }

  & .br-accordion__header__icon {
    right: 8px;
    color: $icon-gray-color;
    transition: all 0.2s linear;

    &.active{
      transform: rotate(-180deg);
    }
  }
}
.br-accordion__panel:first-of-type{
  & .br-accordion__panel__header{
    border-top: 0;
  }
}
.br-accordion__panel:last-of-type{
  & .br-accordion__panel__header{
    border-bottom: 0;

    &.active {
      border-bottom: 1px solid $border-color;
    }
  }
}
.br-accordion__panel__content {
  padding: 10px;
}
